@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{
	margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#333;}
a{font-size:14px; color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family: arial,microsoft yahei; background:url(images/1.jpg) top repeat-x; min-width:1400px; }

.w1400 { width:1400px; margin:auto;}
.total_top { height:60px; line-height:60px; position:relative; color:#abc5e0;}
.total_top a { color:#abc5e0;}
.top_left { position:absolute; left:0; padding-left: 30px; background: url(images/1.png) left no-repeat;}
.top_right { position:absolute; right:0;}
.top_right li { height:60px; line-height:60px;  float:left; padding-left:10px; padding-right:10px;}
.top_right li img { float:left; margin-top:22px; margin-right:10px;}

.dianwenzi { position:absolute; z-index:100000; top:31px;}



.total { position:relative; overflow:hidden}

.top_toubu { height:154px; overflow:hidden}
.top_toubu b { display:block; margin-top:26px;}

.top_tubiao span {height:28px; display:block;line-height:28px; color:#aac7e8; font-size:15px; font-weight: normal;}
.top_tubiao strong { display:block; font-size:26px; color:#ffcc00; letter-spacing: 1px;}
.top_tubiao { margin-top:42px; overflow: hidden} 
.albb { margin-top:45px; margin-left:80px;}

.logo img { float: left; margin-right:18px;margin-top: 31px;}
.logo .jiange { margin-top: 40px; margin-left: 25px;}

.nav { height:80px; font-family:Microsoft YaHei;overflow:hidden}
.nav li { border-left:  solid 1px #f0f0f0; font-size:14px; float:left; text-align:center; height:80px; line-height:80px; position:relative;}
.nav li a { display:block; color:#222; font-size:16px; padding-left:31px; padding-right:32px; position:relative; z-index:2; }
.nav li.noming {  background:url(images/17.png) center no-repeat; background-position: center 60px; display:block;  color:#ffb933;}
.nav li.noming a { color:#0162d3;}

.nav li:nth-last-child(1) {border-right:  solid 1px #f0f0f0;}

.nav li:before { background:url(images/17.png) no-repeat; display:block; color:#0162d3; content:""; position:absolute; top: 60px; width:10px; left: 50%; margin-left: -5px; height:0px; transition: all 0.5s;}
.nav li:hover:before  {content:""; width:10px; height:6px; z-index:1;}
.nav li:hover a { color:#0162d3;}
.nav li:nth-last-child(1) { background: none;}

.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1002px; left:50%; margin-left:-501px; height:24px; bottom:36px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:35%; background:url(https://site.di7.com/member/web12645vd/files/images/28.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}

.search { width:100%; margin:auto; background:#f7f7f7; height:60px; overflow: hidden}
.search_tu { float:right; width:56px; height:43px; overflow:hidden}
.search_2 {float:left; width:260px;}
.search_2 input{ background:#fff; outline: none; border: none; width:240px; padding-left:20px; height:43px; line-height:43px; color:#c6c6c6;}
.zhonjian {margin-top:24px; width:316px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}

.dis { display: none;}

.pro_til { width:390px; margin:auto; text-align:center; margin-top:75px; overflow:hidden;}
.pro_til span { display:block; font-size:35px;}
.pro_til strong { color:#0162d3;}
.pro_til li { font-size:16px; margin-top:5px; color: #555; background:url(images/7.png) center bottom no-repeat; padding-bottom: 35px;}

.sort {width:300px; background:url(images/11.jpg) bottom no-repeat #f5f5f5; padding-bottom: 33px; overflow:hidden;}
.sort_til { width:300px; height:122px; background:url(images/8.png);  overflow:hidden}
.sort_til strong { display:block; color:#fff; font-size:28px; margin-top: 37px; margin-left: 84px;}


.sort_nor { width:300px; margin:auto; padding-top: 38px; overflow:hidden}
.sort_nor li { width:251px; margin: auto; height:45px; background:url(images/10.png) center; margin-bottom: 20px; color:#222;}
.sort_nor li a {height: 45px; line-height: 45px; font-weight: normal !important; padding-left:30px; color:#222; font-size:16px; display:block;}
.sort_nor li:hover { background:url(images/12.png); color:#fff;}
.sort_nor li:hover a { color:#fff;}

.pro_nor { margin-top: 30px;}
.pro_tu { width:1080px; overflow:hidden;}
.pro_tu dl {width: 345px; float: left; background: #f5f5f5; margin-bottom: 18px; position: relative; overflow: hidden;}
.pro_tu dl dd { text-align: center; position: relative; z-index: 2;}
.pro_tu dl dt {position: relative;  z-index: 3;}
.pro_tu dl dt img { border: solid 1px #f5f5f5; box-sizing: border-box;}
.pro_tu dl dd strong { display: block; margin-top: 15px; margin-bottom: 15px; font-size: 16px; font-weight: normal;}
.pro_tu dl:before { background:#0162d3; display:block; content:""; position:absolute; width:0; height:100%; transition: all 0.5s;}
.pro_tu dl:hover:before  {content:""; width:100%; height:100%; z-index:1;}
.pro_tu dl:hover strong { color: #fff;}
.pro_tu dl:nth-child(2),.pro_nor dl:nth-child(5),.pro_nor dl:nth-child(8) { margin-left: 22px; margin-right: 23px;}

.harm { width: 100%; margin: auto; background: #f5f5f5 url(images/16.jpg) center bottom no-repeat; padding-bottom: 65px; margin-top: 40px; overflow: hidden;}
.Customized { overflow:hidden;}
.Customized_til { width:390px; margin:auto; text-align:center; margin-top:65px; margin-bottom: 25px; overflow:hidden;}
.Customized_til span { display:block; font-size:35px;}
.Customized_til strong { color:#0162d3;}
.Customized_til li { font-size:16px; margin-top:5px; color: #555; background:url(images/7.png) center bottom no-repeat; padding-bottom: 35px;}
.Customized li{ height:490px; width:335px; background:#fff; text-align:center; position: relative; cursor:pointer; float:left; margin-left: 20px; overflow:hidden;border-bottom: none;}
.Customized li:first-child { margin-left:0;}
.Customized li img{ margin-bottom:33px; z-index:3; position:relative;}
.Customized li strong{ font-size:20px; font-weight:bold; display:block; z-index:3; position:relative;}
.Customized li div{ width: 260px; margin: auto;  color: #555; line-height:26px; font-size: 14px; margin-top: 20px; margin-bottom: 20px;  z-index:3; position:relative;}
.Customized li i{ width:39px; height:39px; text-align:center; line-height:35px; font-size:23px; color:#e1e1e1; border:1px solid #cccccc; border-radius:50%; display:block; margin:0 auto; z-index:3; position:relative; box-sizing:border-box; overflow:hidden; background:#fff;}
.Customized li i span{ position:relative; z-index:3;}

.Customized li:after{ content:""; display: block; width:100%; height:13px; background:#ccc; position:absolute; bottom:0; z-index:1;}
.Customized li:before{ content:""; display: block; width:100%; height:0; background:#0162d3; transition:all 0.5s; position:absolute; top:0; left:0; z-index:2;}
.Customized li:hover:before{ height:100%;}
.Customized li:hover div,.Customized li:hover strong{ color:#fff;}


.Customized li:hover i{ color:#0162d3;}

.adv{padding: 70px 0 70px 0; background:#0162d3 url(images/18.png) no-repeat  center bottom;}
.adv_til { text-align:center; margin-bottom: 25px; overflow:hidden;}
.adv_til span { display:block; font-size:35px; color: #fff;}
.adv_til li { font-size:16px; margin-top:5px; color: #cfddec; background:url(images/7.png) center bottom no-repeat; padding-bottom: 35px;}

.advtab{font-size: 0; margin: 0px 0 13px 0;background: #fff;white-space: nowrap;}
.advtab li{width: 25%;height: 125px;display: inline-block; text-align: center;box-sizing: border-box; padding-top: 32px;transition: all .3s ease; cursor: pointer;}
.advtab li p{display: inline-block; vertical-align: middle;}
.advtab p+p{text-align: left;margin-left: 23px;font-size: 30px;color: #222222;transition: all .3s ease;}
.advtab p em{display: block;transition: all .3s ease;font-size: 14px;color: #a2a2a2;margin-top: 2px;}
.advicon{width: 68px;height: 68px;background: url(images/21.png)no-repeat center;position: relative;}
.advicon span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 28px;height: 36px;background: url(images/20.png) no-repeat left top;transition: all .3s ease;}
.advtab li:nth-child(2) .advicon span{background-position-x:-46px; }
.advtab li:nth-child(3) .advicon span{background-position-x:-95px; width: 36px;}
.advtab li:nth-child(4) .advicon span{background-position-x:-164px; width: 30px;}
.advtab li.on{background: #223448;}
.advtab li.on .advicon{background: url(images/19.png)no-repeat center;}
.advtab li.on p+p,.advtab li.on p em{color: #fff;}
.advtab li.on .advicon span{background-position-y:-52px;}
.advcon ul{position: relative;z-index: 3;background: #fff;}
.advcon ul:after{content: '';display: block;position: absolute;height: 110px;background: #f0f0f0;width: 100%; bottom: 0;left: 0;z-index: -1;}
.advleft{padding: 50px 0 0 65px; height: 450px; float: left; width: 590px; overflow: hidden;}
.adv_t span{font-size: 50px;color: #0162d3;font-family: fontDin1;}
.adv_t b{display: block;font-size: 35px;color: #0162d3;}
.adv_t i{font-size: 20px;color: #666666;font-weight: lighter;margin: 5px 0 15px 0;display: block;}
.adv_t:after{content: '';display: block;position: absolute;width: 37px;height: 3px;background: #0162d3;}
.adv_c p{ position: relative;padding-left: 15px;font-size: 16px;color: #858585;font-weight: lighter;line-height: 32px;}
.adv_c p:after{content: '';display: block;position: absolute;border-radius: 50%;top: 14px; left: 0;margin: auto 0;width: 5px;height: 5px;background: #0162d3;}
.adv_c { margin-top: 45px; height: 182px; overflow: hidden;}


.Introduction_nor {height:792px; overflow:hidden;}
.Introduction_one{ width:634px; height:390px; background:#f5f5f5; float:left; position:relative; top:-92px; padding-left:66px;}
.Introduction_one span{ display:block; font-size:24px; color:#0162d3; margin:39px 0 25px}
.Introduction_one p{ color:#666666; line-height:30px; width:575px;text-align: justify;}
.Introduction_one p:nth-child(3){ margin:20px 0 38px;}
.Introduction_one a{ background:#222222 url(images/23.png); width:100px; height:32px; transition:all 0.5s; display:block;}
.Introduction_one a:hover{ background:#0162d3 url(images/23.png);}
.company_chejian { width:700px; height:286px; margin-top:11px; overflow:hidden;}
.company_chejian li { display:block; float:left; width:340px !important;height:286px; margin-left:10px; position:relative; overflow:hidden;}
.company_chejian li span { padding-top:0px !important; width:340px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; display:block; position:absolute; z-index:2; bottom:0; background:url(images/24.png);}
.company_chejian li span a { color:#fff;}


.foot{ background:#222;  padding:60px 0 40px; margin-top:60px; overflow:hidden;}
.footer_zuo li { float:left; width:150px; padding-left:60px; background:url(images/23.jpg) top left no-repeat; overflow:hidden;}
.footer_zuo li span { display:block; color:#fff; font-size:16px; margin-bottom:20px;}
.footer_zuo li.julis { padding-left:0px; background:none;}
.footer_zuo li a { color:#999; display:block; margin-bottom:15px;}
.footer_zuo { overflow:hidden;}
.foot_one{ height:182px; width:158px; float:left;margin-left: 100px;}

.foot_two{ float:right;}
.foot_two div:nth-child(1){ text-align:right; height:45px;}
.foot_two div:nth-child(2){ color:#b1b1b1; font-size:14px; line-height:33px; text-align:right; margin-top:45px;}
.foot_two div:nth-child(2) a{  color:#b1b1b1; font-size:14px; }

.link_box { background:#1144a3; height:80px; line-height:80px; overflow:hidden;}
.link_til { font-size:18px; color:#fff; background:url(images/26.png) no-repeat left; padding-left:36px;}
.link_til span{ font-size:15px; color:#e0efe0; font-family: Arial, Helvetica, sans-serif;margin-left: 6px; text-transform: uppercase;}
.linkTagcs li{ width:auto !important;}
.linkTagcs li a{ font-size:16px !important; color:#fff !important;}
.link_nor { width:1180px; overflow:hidden;}
.link_nor a {color: #fff !important;}

.zuihoud a {color:#999;}
.zuihoud {color:#999; margin-top:20px;}

